<template>
    <div class="simple-static-table-list">
        <el-table
                ref="staticTable"
                :data="tableData"
                :height="tableHeight"
                border
                style="width: 100%"
                :default-sort="defaultSort">
            <el-table-column
                    prop="month"
                    label="月份"
                    width="200"
                    sortable>
            </el-table-column>
            <el-table-column
                    prop="JGCount"
                    label="机构数量"
                    width="200"
                    sortable>
            </el-table-column>
            <el-table-column
                    prop="SJCount"
                    label="商机数量"
                    width="200"
                    sortable>
            </el-table-column>
            <el-table-column
                    prop="HTCount"
                    label="合同数量"
                    width="200"
                    sortable>
            </el-table-column>
            <el-table-column
                    prop="RZCount"
                    label="日志数量"
                    width="200"
                    sortable>
            </el-table-column>
            <el-table-column
                    prop="RWCount"
                    label="任务数量"
                    width="200"
                    sortable>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "SimpleStaticTableList",
        props: {
            tableHeight: {
                required: false,
                type: String,
                default: () => {
                    return "300"
                }
            },
            defaultSort: {
                required: false,
                type: Object,
                default: () => {
                    return {prop: 'month', order: 'descending'};
                }
            }
        },
        data() {
            return {
                tableData: [{
                    month: 1,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 2,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 3,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 4,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 5,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 6,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 7,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 8,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 9,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 10,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 11,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }, {
                    month: 12,
                    JGCount: 539,
                    SJCount: 365,
                    HTCount: 655,
                    RZCount: 655,
                    RWCount: 232,
                }],
            }
        }
    }
</script>

<style lang="scss">
    .simple-static-table-list {
        .el-table {
            thead{
                color: #333333;
            }
            th>.cell{
                font-weight: 600;
            }
        }
    }
</style>